<div class="row">
    <div class="col-md-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title ibox-title-large">
                <h5>Thêm sản phẩm</h5>
                <div class="ibox-tools dropdown">
                    <button class="btn btn-primary btn-sm" ng-click="save()" >
                        <i class="fa fa-floppy-o"></i> Lưu
                    </button>
                    <button class="btn btn-danger btn-sm" >
                        <i class="fa fa-ban"></i> Bỏ qua
                    </button>

                </div>
            </div>
        </div>
    </div>
    <form class="form-horizontal form-info" name="FormAddProduct">
    <div class="col-md-6">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>Thông tin cơ bản</h5>
            </div>
            <div class="ibox-content">
                
                    <div class="form-group">
                      <label  class="col-sm-4 control-label">Mã sản phẩm</label>
                      <div class="col-sm-8">
                          <input type="text" class="form-control"  placeholder="Mã hàng tự động" ng-model="product.code" name="code">
                          <i class="fa fa-info-circle tooltip-new" tooltip="Mã hàng hóa là duy nhất, nếu bạn không điền thông tin này . Mã hàng sẽ dc tự động tạo ra" tooltip-placement="left" tooltip-trigger="mouseenter"></i>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="inputPassword3" class="col-sm-4 control-label">Tên sản phẩm</label>
                      <div class="col-sm-8">
                          <input type="text" class="form-control" id="inputPassword3" placeholder="Tên sản phẩm" ng-model="product.name" name="name" required />
                        <i class="fa fa-info-circle tooltip-new" tooltip="Tên sản phẩm là bắt buộc" tooltip-placement="left" tooltip-trigger="mouseenter"></i>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="inputPassword3" class="col-sm-4 control-label">Nhóm hàng</label>
                      <div class="col-sm-8">
                            <select class="form-control" ng-model="product.id_category_company" name="id_category_company" ng-options="item.id as item.name  for item in categories " ></select>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="inputPassword3" class="col-sm-4 control-label">Giá bán</label>
                      <div class="col-sm-8">
                        <input type="number" class="form-control text-right" ng-model="product.price" name="price" required  min="0" />
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="inputPassword3" class="col-sm-4 control-label">Giá gốc</label>
                      <div class="col-sm-8">
                        <input type="number" class="form-control text-right" ng-model="product.origin_price" name="origin_price" required min="0"/>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="inputPassword3" class="col-sm-4 control-label">Tồn kho</label>
                      <div class="col-sm-8">
                          <input type="number" class="form-control text-right" ng-model="product.total_quantity" name="total_quantity" required min="0"/>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="inputPassword3" class="col-sm-4 control-label">Tình trạng</label>
                      <div class="col-sm-8">
                            <select class="form-control" ng-model="product.status" name="status" ng-options="item.id as item.name  for item in status " ></select>
                      </div>
                    </div>
                
            </div> 
        </div>
    </div>
    <div class="col-md-6">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>Thông tin bán hàng online</h5>
            </div>
            <div class="ibox-content">
                <div class="form-group">
                      <label for="inputPassword3" class="col-sm-4 control-label">Nhóm hàng online</label>
                      <div class="col-sm-8">
                            <select class="form-control" ng-model="product.id_category_online" ng-options="items.id as items.name  for items in categories_oline" ></select>
                      </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-4 control-label"><br>
                          <button class="btn btn-default" onclick="document.getElementById('fileID').click(); return false;">Chọn hình ảnh</button>
                          <input id="fileID" type="file" class="form-control" name="file" onchange="angular.element(this).scope().upload(this.files)" style="visibility: hidden;"/>
                      </label>
                      <div class="col-sm-8">
                          <img src="{{image_show}}" ng-show="image_show" height="100" />
                            
                      </div>
                </div>
				
            </div> 
        </div>
    </div>
	<div class="col-md-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>Mô tả</h5>
            </div>
            <div class="ibox-content">
			<wysiwyg textarea-id="question" 
				  textarea-class="form-control"  
				  textarea-height="180px" 
				  textarea-name="textareaQuestion"
				  textarea-required 
				  ng-model="product.description" 
				  enable-bootstrap-title="true"
				  textarea-menu="menu"
				  disabled="disabled">
				</wysiwyg>
			</div>
		</div>
	</div>
	
    </form>
</div>
